﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
@model sipfe.model.dataAccess.SIPMaePersona
@{   
    int i = 0;
}

<script>
    $(function() {
        $( "#accordion" )
          .accordion({
              header: "> div > h3",
              collapsible: true,
              active : false,
              activate: function (e, ui) {
                  $url = $(ui.newHeader[0]).children('a').attr('href');
                  $.get($url, function (data) {
                      $(ui.newHeader[0]).next().html(data);
                  });
              }
          })
          .sortable({
              axis: "y",
              handle: "h3",
              stop: function( event, ui ) {
                  // IE doesn't register the blur when sorting
                  // so trigger focusout handlers to remove .ui-state-focus
                  ui.item.children( "h3" ).triggerHandler( "focusout" );
              }
          });
    });
  </script>

<div id="accordion">
  <div class="group">
    <h3><a href="/Nuevo/Nuevo/ajaxEjm">Section lcr</a></h3>   
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
  <div class="group">
    <h3><a href="/Nuevo/Nuevo/ajaxEjm">Section 2222</a></h3>
     <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
  <div class="group">
    <h3><a href="/Nuevo/Nuevo/ajaxEjm">Section 333</a></h3>
     <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
  <div class="group">
    <h3><a href="/Nuevo/Nuevo/ajaxEjm">Section 444</a></h3>
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
</div>